<template>
  <el-row class="m-top">
    <el-col :span="12">
      <div class="m-bottom-sm el-form-item--medium">
        <label for="code" class="el-form-item__label" style="width: 110px">甲方（盖章）：</label>
        <div class="el-form-item__content" style="margin-left: 110px">
          <div class="el-input el-input--medium">{{value.company1 || '&lt;甲方公司名称&gt;'}}</div>
        </div>
      </div>
      <div class="m-bottom-sm el-form-item--medium">
        <label for="code" class="el-form-item__label" style="width: 82px">代表签字：</label>
        <div class="el-form-item__content" style="margin-left: 82px">
          <div class="el-input el-input--medium"></div>
        </div>
      </div>
      <div class="m-bottom-sm el-form-item--medium">
        <label for="code" class="el-form-item__label" style="width: 54px">日期：</label>
        <div class="el-form-item__content" style="margin-left: 54px">
          <div class="el-input el-input--medium">{{value.time1}}</div>
        </div>
      </div>
    </el-col>
    <el-col :span="12">
      <div class="m-bottom-sm el-form-item--medium">
        <label for="code" class="el-form-item__label" style="width: 110px">乙方（盖章）：</label>
        <div class="el-form-item__content" style="margin-left: 110px">
          <div class="el-input el-input--medium">{{value.company2 || '&lt;乙方公司名称&gt;'}}</div>
        </div>
      </div>
      <div class="m-bottom-sm el-form-item--medium">
        <label for="code" class="el-form-item__label" style="width: 82px">代表签字：</label>
        <div class="el-form-item__content" style="margin-left: 82px">
          <div class="el-input el-input--medium"></div>
        </div>
      </div>
      <div class="m-bottom-sm el-form-item--medium">
        <label for="code" class="el-form-item__label" style="width: 54px">日期：</label>
        <div class="el-form-item__content" style="margin-left: 54px">
          <div class="el-input el-input--medium">{{value.time2}}</div>
        </div>
      </div>
    </el-col>
  </el-row>
</template>

<script>
export default {
  name: 'WordFooter1',
  props: {
    value: {type: Object, default: () => ({})}
  }
};
</script>
